import { useEffect , useLayoutEffect, useInsertionEffect , useRef} from "react";
export default function App() {
    const ref = useRef(null)
    useEffect(() => {
        console.log('useEffect',ref.current);
    })
    useLayoutEffect(() => {
        console.log('useLayoutEffect',ref.current);
    })
    useInsertionEffect(() => {
    console.log('UseInsertionEffect',ref.current);
    })
    return (
        <>
            <h1 ref={ref}>UseLayoutEffect</h1>
        </>
    )
}